<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php if(isset($title)) echo $title; ?></title>
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>public/frontend/css/style.css">
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>public/frontend/css/animate.min.css">
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>public/frontend/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>public/frontend/css/font-awesome.min.css">


<script src="<?php echo base_url(); ?>public/frontend/js/jquery-1.7.2.min.js"></script>
<script src="<?php echo base_url(); ?>public/frontend/js/bootstrap.min.js"></script>

</head>
<body>



<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=1461742107412039&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div id="wapper" >
	<!--Phần header -->
    <header class="container" >
    	<div class="row" style="padding: 5px 0px 15px 0px;">
 			 <div class="col-md-3">
             	<a href="<?php echo base_url(); ?>"><img width="200px" src="<?php echo base_url()?>uploads/image/logo/logo.png" alt="" style="padding-top:18px; text-align:center"></a>
             </div>
 			 <div class="col-md-5 boxsearch">
                <form name="frmSearch" method="post" action="<?php echo base_url()?>backend/user/list_user/">
                   
                     <div class="col-md-9 col-xs-7 col-sm-10" style="float:left;padding:0;">       
                    <input type="text" class="form-control" name="tukhoa" placeholder="Nhập nội dung tìm kiếm..." style="border: 1px solid #C0C0C0; border-radius:6px 0px 0px 6px; box-shadow:none" >
                 
                    
                  
                    </div>
                    <div class="col-md-3 col-xs-5 col-sm-2"  style="float:left;padding:0"> 
                        <button  style="float:left;border-radius:0px;  background:#FF4400;color:#fff" class="btn" type="submit" name="search"><span class="glyphicon glyphicon-search"></span><b style="font-size:12px;">Tìm kiếm</b></button>
                    </div>
                  </form> 
            
        
             
             </div>
  			<div class="col-md-3" style="margin-top:10px; text-align:center; overflow:hidden">
            	<a href="#" style=" overflow:hidden">
                    <img src="<?php echo base_url(); ?>public/frontend/images/cart.jpg" alt="giỏ hàng" width="50">
                    
                    <label  class="label" style="background:#FF4400; padding:5px 7px;" >11</label>
                </a>
                
                
                <!-- Đăng kí - đăng nhập -->
                 <div class="modal fade" id="myModal-form" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
                 	<div class="loginuser modal-dialog">
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true"><img class="closepop" src="<?php echo base_url(); ?>public/frontend/images/close.png" width="30" alt="close"></span><span class="sr-only">Close</span></button>
                          <h4 class="modal-title" id="myModalLabellog">Đăng nhập</h4>
                        </div>
                        <div class="modal-body">
                        
                       	    
                        	<form class="form-signin" action="index.php" method="post" name="frmLogin">
                                <input type="text" class="form-control" placeholder="Username" name="txtemail" required autofocus><br>
                                <input type="password" class="form-control" placeholder="Password" name="pwpass" required><br>
                                <button style="background:#FF4400; color:#fff" class="btn btn-lgbtn-block" name="btnlog" type="submit">
                                Đăng nhập</button>
                                <label class="checkbox pull-left">
                                <input type="checkbox" value="remember-me" name="cbrem" checked>
                                Ghi nhớ
                                </label>
                                <h4><a href="#" class="pull-right need-help">Quên mật khẩu ? </a></h4><span class="clearfix"></span>
                           </form>
                        
                          
                        </div>
                        <div class="modal-footer">
                          	<h4>Bạn chưa có tài khoản ?</h4>
                            <a href="#" class="dangki">
                            <button  type="button" class="btn btn-success">Đăng ký</button>
                            </a>
                          
                        </div>
                      </div>	
                    
                    
                    
                  <div class="regester modal-dialog" >
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true"><img class="closepop" src="images/close.png" width="30"></span><span class="sr-only">Close</span></button>
                          <h4 class="modal-title" id="myModalLabel">Đăng ký</h4>
                        </div>
                        <div class="modal-body">
                       		<h4 class="text-danger">Bạn vui lòng nhập thông tin đăng ký !</h4>
                        	<form class="form-signin" action="index.php" method="post" name="frmLogin">
                                <input type="text" class="form-control" placeholder="Họ tên" name="txthoten" required autofocus><br>
                                <input type="text" class="form-control" placeholder="Số điện thoại" name="txtsdt" required><br>
                                <input type="text" class="form-control" placeholder="Email" name="txtemail" required><br>
                                
                                <input type="password" class="form-control" placeholder="Mật khẩu" name="pwpass" required><br>
                                <input type="password" class="form-control" placeholder="Nhập lại mật khẩu" name="repwpass" required><br>
                                <p>
                                	Bằng việc bấm đăng ký bạn đã chấp nhận các <a href="#">điểu khoản</a> và <a href="#">quy định</a> của Muachung
                                 </p>
                                <button style="background:#FF4400; color:#fff" class="btn btn-lg btn-block" name="btnlog" type="submit">
                                Đăng ký</button>
                                
                                
                                
                           </form>
                        
                          
                        </div>
                        <div class="modal-footer">
                          <a href="#" class="pull-right need-help">Lấy lại mật khẩu </a><br>
                          <a href="#" class="pull-right need-help dangnhap">Đăng nhập</a>
                          
                        </div>
                      </div>
                      </div>
                      <!--	Kết thúc Đăng ký -->       
                
              
            
           </div>
		</div>
    </header>
  <!--Kết thúc header -->
    
    
  <!--Phần menu chính -->
  <nav class="navbar navbar-default " role="navigation" id="main-menu">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Menu</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      
    </div>
    <div class="top-menu collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    
    	<ul class="nav navbar-nav nav-pills"  style="margin-left:10px">
           <li><a href="{$lib->config.url}index.php" >Trang chủ</a></li>
           <li ><a href="../index.php" target="_blank" >Du lịch</a> </li>
           <li class="dropdown" ><a href="#" class="dropdown-toggle" data-toggle="dropdown">Ẩm thực <span class="caret"></span></a>
           		<ul class="dropdown-menu">
                	<li><a href="{$lib->config.url}index.php?prog=orders" >Đơn hàng </a></li>
                    <li><a href="{$lib->config.url}index.php?prog=detail-order" >Hỏi đáp </a></li>
                    <li><a href="#" >Tin nhắn  </a></li>
                    <li><a href="#" >Thư từ form liên hệ </a></li>
                </ul>
           </li>
           <li ><a href="" target="_blank" >Thời trang</a> </li>
 
        </ul>
        <?php
			
		?>
        
      
        <ul class="nav navbar-nav navbar-right" style="margin-right:15px">
        	<li><a class="dangki" data-toggle="modal" data-target="#myModal-form" href="#">Đăng ký</a></li>
            <li><a class="dangnhap" data-toggle="modal" data-target="#myModal-form" href="#">Đăng nhập</a></li>
        
        </ul>
        
       
    </div>
    </div>
    </nav>
    <!--Kết thúc menu chính -->
    
    <!--Phần article -->
    <article class="container">
    	<div class="row">
        	<div class="col-md-7 col-xs-12" style="margin:0; padding:0">
                <div class="btn-group btn-breadcrumb" style="margin:0; padding:0">
                    <ul class="breadcrumb"> 
                    	<li><a href="#">Trang Chủ</a></li> 
                        <li><a href="#">Bootstrap</a></li> 
                        <li class="active">Breadcrumb & Images</li> 
                    </ul> 
                </div>
            </div>
            
            <div class="col-md-5 col-xs-12">
  				<h4 class="hotline"><i><span style="color:#000">Hotline :</span> 01632 434 165</i></h4>
               	<h5 class="email"><a href="#">Nhận email giảm giá</a>
                <ul id="email_input">
                <form>
                	<p class="input-group">
                      <input type="text" class="form-control" placeholder="Nhận email giảm giá">
                      
                      <span class="input-group-btn">
                        <button class="btn" type="button">Đăng ký</button>
                      </span>
                  </p><!-- /input-group -->
                </form>  
                </ul>
                </h5>              
            </div>
            
          </div>
          <div class="adv row"></div>
    </article>
    <!--Kết thúc article -->
    <!--Phần main của website ... Phần thay đổi của website -->
    <div class="container" id="main">
   		<?php
			 if(isset($template))
			 {
				  include($template.'.php'); 
				  
			 }
		 ?>
         
         
         
         
         
   </div>
    <!--Kết thúc Phần main của website ... Phần thay đổi của website -->
    
    <!--Phần section -->
      <section class="container" >
      	<div class="head-list" style="overflow:hidden;">    
            <img style="float:left" src="<?php echo base_url(); ?>public/frontend/images/bg_header_goc_trai.png">
            <span class="tieu_de" style="" >Có thể bạn quan tâm</span>
            <img  src="<?php echo base_url(); ?>public/frontend/images/bg_header_goc_phai.png">
            
        </div>
        
        <div class="clear"></div>
        
 			
            <div class="container dynamicTile " style="margin:0; padding:0;  margin-top:20px">
            
            <div class="col-md-12 well" style="overflow:hidden">
            <?php
				foreach($spbanchay as $k)
				{
			?>
                <div class="col-sm-2 col-xs-4"><!--begin sp-->
                    <div id="tile1" class="tile">
                    
                     <div class="carousel slide" data-ride="carousel">
                      <!-- Wrapper for slides -->
                      <div class="carousel-inner">
                        <div class="item active" style="background:none">
                          <a href="#"> <img style="width:100%; height:100%" src="<?php echo $k->sanpham_hinhanh ?>" class="img-responsive"/></a>
                        </div>
                        <div class="item" style="background:none">
                          <a href="#"> <img src="<?php echo base_url(); ?>uploads/bot2.gif" class="img-responsive"/></a>
                        </div>
                      </div>
                    </div>
                     
                    </div>
                </div><!--end sp-->
               <?php
				}
			   ?>
            </div>
            
            <div class="col-md-12 well" style=" overflow:hidden">
                <div class="col-sm-4 col-xs-12">
                    <div id="tile7" class="tile">
                     
                    <div class="carousel slide" data-ride="carousel">
                      <!-- Wrapper for slides -->
                      <div class="carousel-inner">
                        <div class="item active">
                          <img src="http://handsontek.net/demoimages/tiles/gallery.png" class="img-responsive"/>
                        </div>
                        <div class="item">
                          <img src="http://handsontek.net/demoimages/tiles/gallery2.png" class="img-responsive"/>
                        </div>
                        <div class="item">
                          <img src="http://handsontek.net/demoimages/tiles/gallery3.png" class="img-responsive"/>
                        </div>
                      </div>
                    </div>
                     
                    </div>
                </div>
               
                <div class="col-sm-4 col-xs-12">
                    <div id="tile7" class="tile">
                     
                    <div class="carousel slide" data-ride="carousel">
                      <!-- Wrapper for slides -->
                      <div class="carousel-inner">
                        <div class="item active">
                          <img src="http://handsontek.net/demoimages/tiles/gallery.png" class="img-responsive"/>
                        </div>
                        <div class="item">
                          <img src="http://handsontek.net/demoimages/tiles/gallery2.png" class="img-responsive"/>
                        </div>
                        <div class="item">
                          <img src="http://handsontek.net/demoimages/tiles/gallery3.png" class="img-responsive"/>
                        </div>
                      </div>
                    </div>
                     
                    </div>
                </div>
                <div class="col-sm-4 col-xs-12">
                    <div id="tile10" class="tile">
                     
                       <div class="carousel slide" data-ride="carousel">
                      <!-- Wrapper for slides -->
                      <div class="carousel-inner">
                        <div class="item active">
                          <h3 class="tilecaption"><i class="fa fa-child fa-4x"></i></h3>
                        </div>
                        <div class="item">
                          <h3 class="tilecaption">Customize your tiles</h3>
                        </div>
                        <div class="item">
                          <h3 class="tilecaption">Text, Icons, Images</h3>
                        </div>
                        <div class="item">
                          <h3 class="tilecaption">Combine them and create your metro style</h3>
                        </div>
                      
                      </div>
                    </div>
                     
                    </div>
                </div>
              
            </div>
 
    </section>
    <!--Kết thúc section -->
    <div class="clear"></div>
	
    <!--Phần footer -->
    <footer class="">
    	
    
    
    	
    	<div class="contact col-md-12" style="text-align:center !important">
       <div class="social">
          <a href="https://www.facebook.com/rem.mcintosh" class="[ social-icon facebook ] animate"><span class="fa fa-facebook"></span></a>
  
          <a href="https://twitter.com/Mouse0270" class="[ social-icon twitter ] animate"><span class="fa fa-twitter"></span></a>
  
          <a href="https://github.com/mouse0270" class="[ social-icon github ] animate"><span class="fa fa-github-alt"></span></a>
  
          <a href="https://plus.google.com/u/0/115077481218689845626/posts" class="[ social-icon google-plus ] animate"><span class="fa fa-google-plus"></span></a>
  
          <a href="www.linkedin.com/in/remcintosh/" class="[ social-icon linkedin ] animate"><span class="fa fa-linkedin"></span></a>
	</div> 	
             
    	   
        </div>
    <a id="back-to-top" href="#" class="btn back-to-top" role="button" title="" data-toggle="tooltip" data-placement="left"><span class="glyphicon glyphicon-chevron-up"></span></a>
    <script>
		$(document).ready(function(){
			 $(window).scroll(function () {
					if ($(this).scrollTop() > 50) {
						$('#back-to-top').fadeIn();
					} else {
						$('#back-to-top').fadeOut();
					}
				});
				// scroll body to 0px on click
				$('#back-to-top').click(function () {
					$('#back-to-top').tooltip('hide');
					$('body,html').animate({
						scrollTop: 0
					}, 800);
					return false;
				});
				
				$('#back-to-top').tooltip('show');
		
		});
	</script>
    
    
    <div  class="container " >
    <div class="row-offset-1 boxfot">
    	<div  class="col-md-4 leftfot"><a href="#"><h2 class="text-success">Muachung.vn</h2></a>
            <p class="text-info">- Mua sản phẩm đảm bảo xuất sứ, chất lượng</p>
            <p class="text-info">- Bán đúng giá niêm yết nơi sản xuất</p>
            <p class="text-info">- Phục vụ tận tình, chu đáo</p>
            <p class="text-info">- Chính sách hậu mãi đến khách hàng</p>
        </div>
        <div class="col-md-4 rightfot">
        	<h3 class="text-danger">Muachung Hà Nội</h3>
            <p class="text-info">Địa chỉ: 1001 tòa nhà RESCO3D khu đô thị Cổ Nhuế, Từ Liêm, Hà Nội</p>
            <p class="text-info">Điện thoại: 043.752.4351 / 043.994.0259 / 0988 609 664</p>
            <p class="text-info">Email: kinhdoanh@muachung.vn / hotro@muachung.vn</p>
        </div>
        <div class="col-md-4" style="margin-top:25px;padding:0; margin-bottom:25px; ">
        	<div class="fb-like-box pull-right" data-href="https://www.facebook.com/FacebookDevelopers" data-width="100%" data-height="100%" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="true"></div>
            </div>
    </div>
    </div>
    
    
    
    
    <div class="copyright col-md-12 " style="text-align:center !important">
          Bản quyền © 2014 thuộc về BuyPlus.vn ™
    </div>
    
    </footer><!--Kết thúc footer -->
</div>


<script src="js/remember_scroll.js"></script>
<script src="js/modernizr.js"></script>
<script src="js/localstorage.js"></script>
<script src="js/jquery.appear.js"></script>

<script>
	$(document).ready(function(e) {
		
		$('.viewmore').hover(function(e) {
            $(this).addClass('animated');

        });
		
       	$('img.closepop').click(function(e) {
           
			$('.regester').css('display','none');
			$('.loginuser').css('display','none');
	
			
        });
		$('a.dangki').click(function(e) {
            
			$('.regester').css('display','block');
			$('.loginuser').css('display','none');
			
			
        });
		$('a.dangnhap').click(function(e) {
          
			$('.loginuser').css('display','block');
			$('.regester').css('display','none');
			
			
        });
		
		var _scrollTop;
		$(window).scroll(function () {
        _scrollTop = $(window).scrollTop();
        if(_scrollTop>50) 
		{
			$('#main-menu').css('position','fixed');
			$('#main-menu').css('top','0');
		}
		 if(_scrollTop<50) 
		{
			$('#main-menu').css('position','relative');
		}
    });
		
    });
	

</script>
<script>
$( document ).ready(function() {
    $(".tile").height($("#tile1").width());
    $(".carousel").height($("#tile1").width());
     $(".item").height($("#tile1").width());
     
    $(window).resize(function() {
    if(this.resizeTO) clearTimeout(this.resizeTO);
	this.resizeTO = setTimeout(function() {
		$(this).trigger('resizeEnd');
	}, 10);
    });
    
    $(window).bind('resizeEnd', function() {
    	$(".tile").height($("#tile1").width());
        $(".carousel").height($("#tile1").width());
        $(".item").height($("#tile1").width());
    });

});




</script>

</body>
</html>
